<template>
	<!-- 故障上报 -->
	<view class="content">
		<view class="describe">
			<text>描述</text>
			<u-input v-model="value" type="text" :clearable="false" placeholder='请输入故障描述'
				placeholder-style="font-size:'28rpx'" :custom-style="inputSty" />
		</view>
		<view class="detail">
			<text>详情</text>
			<u-input v-model="value1" type="textarea" :clearable="false" placeholder='请详细描述下您遇到的故障'
				placeholder-style="font-size:'28rpx'" height="233" />
		</view>
		<view class="upImg">
			<text>上传照片</text>
			<text class="format">只支持jpg. png格式</text>
			<u-upload :action="action" :file-list="fileList" upload-text="上传照片"> </u-upload>
		</view>
		<view class="phoneNumber describe">
			<text>联系电话</text>
			<u-input v-model="value" type="text" :clearable="false" placeholder='请输入正确的手机号码'
				placeholder-style="font-size:'28rpx'" :custom-style="numSty" />
		</view>
		<u-button :custom-style="customStyle"  @click="faultClick">提交</u-button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: '',
				value1: '',
				inputSty: {
					width: '196rpx'
				},
				numSty:{
					width: '280rpx'
				},
				customStyle: {
					fontSize: '32rpx',
					borderRadius: '16rpx',
					background: '#1677FE',
					height: '100rpx',
					margin: '100rpx 55rpx 0rpx',
					color:"#fff"
				},
				// 上传地址
				action: 'http://www.example.com/upload',
				fileList: [{
					url: '',
				}]
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	@import "faultReporting.scss"
</style>